chrome-devtools-frontend 1.0.1030070 → 1.0.1031400

package/config/gni/devtools_grd_files.gni

@@ -56,6 +56,8 @@ grd_files_release_sources = [
   "front_end/Images/errorWave.svg",
   "front_end/Images/error_icon.svg",
   "front_end/Images/feedback_button_icon.svg",
+  "front_end/Images/file-sync_icon.svg",
+  "front_end/Images/file_icon.svg",
   "front_end/Images/flex-direction-icon.svg",
   "front_end/Images/flex-nowrap-icon.svg",
   "front_end/Images/flex-wrap-icon.svg",
@@ -938,6 +940,7 @@ grd_files_debug_sources = [
   "front_end/panels/elements/AccessibilityTreeUtils.js",
   "front_end/panels/elements/AccessibilityTreeView.js",
   "front_end/panels/elements/CSSRuleValidator.js",
+  "front_end/panels/elements/CSSRuleValidatorHelper.js",
   "front_end/panels/elements/ClassesPaneWidget.js",
   "front_end/panels/elements/ColorSwatchPopoverIcon.js",
   "front_end/panels/elements/ComputedStyleModel.js",

package/config/gni/devtools_image_files.gni

@@ -66,6 +66,8 @@ devtools_svg_sources = [
   "errorWave.svg",
   "error_icon.svg",
   "feedback_button_icon.svg",
+  "file-sync_icon.svg",
+  "file_icon.svg",
   "flex-direction-icon.svg",
   "flex-nowrap-icon.svg",
   "flex-wrap-icon.svg",

package/docs/workflows.md

@@ -64,7 +64,7 @@ This works with Chromium 79 or later.
 
 Note that `$(realpath out/Default/gen/front_end)` expands to the absolute path to build artifacts for DevTools frontend.
 
-Open DevTools via F12 on Windows/Linux or Cmd+Option+I on Mac.
+Open DevTools via F12 or Ctrl+Shift+J on Windows/Linux or Cmd+Option+I on Mac.
 
 If you get errors along the line of `Uncaught TypeError: Cannot read property 'setInspectedTabId'` you probably specified an incorrect path - the path has to be absolute. On Mac and Linux, the file url will start with __three__ slashes: `file:///Users/...`.
 

package/front_end/Images/src/file-sync_icon.svg

@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="11"
+   height="13"
+   viewBox="0 0 2.9104166 3.4395834"
+   version="1.1"
+   id="svg298"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   sodipodi:docname="file-sync_icon.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview300"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="mm"
+     showgrid="false"
+     units="px"
+     inkscape:zoom="6.7736083"
+     inkscape:cx="-60.602855"
+     inkscape:cy="-53.737976"
+     inkscape:window-width="2028"
+     inkscape:window-height="1445"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs295" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <g
+       id="g4825"
+       transform="matrix(0.26458333,0,0,0.26458333,-0.26458331,-0.26458331)">
+      <g
+         id="g4829"
+         transform="translate(-76,-24)">
+        <circle
+           style="fill:#009802"
+           id="circle4831"
+           r="2.5"
+           cy="11.5"
+           cx="10.5"
+           transform="matrix(1.2,0,0,1.2,72.4,21.2)" />
+        <path
+           inkscape:connector-curvature="0"
+           id="path4833"
+           d="m 78,25 c -0.54399,0 -1,0.45026 -1,1 v 8 c 0,0.53973 0.44936,1 1,1 h 3.0312 c -0.02335,-0.1633 -0.03125,-0.33024 -0.03125,-0.5 0,-0.16976 0.0079,-0.3367 0.03125,-0.5 H 78 v -8 h 3 v 3 h 3 v 1.5 c 0.1633,-0.02335 0.33024,0 0.5,0 0.16976,0 0.3367,-0.02335 0.5,0 V 28 l -3,-3 z m 4,1 2,2 h -2 z" />
+      </g>
+    </g>
+  </g>
+</svg>

package/front_end/Images/src/file_icon.svg

@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="12"
+   height="12"
+   viewBox="0 0 3.1749999 3.1750001"
+   version="1.1"
+   id="svg232"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   sodipodi:docname="file_icon.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview234"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="mm"
+     showgrid="false"
+     units="px"
+     inkscape:zoom="16.687513"
+     inkscape:cx="-9.49812"
+     inkscape:cy="4.5543036"
+     inkscape:window-width="2028"
+     inkscape:window-height="1445"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs229" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <g
+       id="g4835"
+       transform="matrix(0.26458333,0,0,0.26458333,0.26459658,1.9999999e-8)">
+      <path
+         inkscape:connector-curvature="0"
+         id="path4839"
+         d="m 71.625,25.5 h -4.003 c -0.54399,0 -0.99703,0.44566 -0.99703,0.9954 v 8.0092 c 0,0.53973 0.44639,0.9954 0.99703,0.9954 h 6.0059 c 0.54399,0 0.99703,-0.44566 0.99703,-0.9954 V 28.5 l -3,-3 z m 0,1 2,2 h -2 z m -4,0 h 3 v 3 h 3 v 5 h -6 z"
+         transform="translate(-65.625,-24.5)" />
+    </g>
+  </g>
+</svg>

package/front_end/Tests.js

@@ -275,34 +275,6 @@
     this.takeControl();
   };
 
-  /**
-   * Tests that scripts tab is populated with inspected scripts even if it
-   * hadn't been shown by the moment inspected paged refreshed.
-   * @see http://crbug.com/26312
-   */
-  TestSuite.prototype.testScriptsTabIsPopulatedOnInspectedPageRefresh = function() {
-    const test = this;
-    const debuggerModel = self.SDK.targetManager.mainTarget().model(SDK.DebuggerModel);
-    debuggerModel.addEventListener(SDK.DebuggerModel.Events.GlobalObjectCleared, waitUntilScriptIsParsed);
-
-    this.showPanel('elements').then(function() {
-      // Reload inspected page. It will reset the debugger agent.
-      test.evaluateInConsole_('window.location.reload(true);', function(resultText) {});
-    });
-
-    function waitUntilScriptIsParsed() {
-      debuggerModel.removeEventListener(SDK.DebuggerModel.Events.GlobalObjectCleared, waitUntilScriptIsParsed);
-      test.showPanel('sources').then(function() {
-        test._waitUntilScriptsAreParsed(['debugger_test_page.html'], function() {
-          test.releaseControl();
-        });
-      });
-    }
-
-    // Wait until all scripts are added to the debugger.
-    this.takeControl();
-  };
-
   /**
    * Tests that scripts list contains content scripts.
    */

package/front_end/core/host/UserMetrics.ts

@@ -637,8 +637,9 @@ export enum DevtoolsExperiments {
   'cssAuthoringHints' = 62,
   'authoredDeployedGrouping' = 63,
   'importantDOMProperties' = 64,
+  'justMyCode' = 65,
   // Increment this when new experiments are added.
-  'MaxValue' = 65,
+  'MaxValue' = 66,
 }
 /* eslint-enable @typescript-eslint/naming-convention */
 

package/front_end/core/i18n/locales/en-US.json

@@ -4836,22 +4836,25 @@
     "message": "Show all"
   },
   "panels/elements/CSSRuleValidator.ts | deprecatedPropertyHintPrefix": {
-    "message": "Deprecated Property"
+    "message": "Deprecated property"
   },
-  "panels/elements/CSSRuleValidator.ts | ruleValidationHintPrefix": {
-    "message": "Inactive rule"
+  "panels/elements/CSSRuleValidator.ts | inactivePropertyHintPrefix": {
+    "message": "Inactive property"
   },
   "panels/elements/CSSRuleValidator.ts | ruleViolatedByParentElementRuleFix": {
-    "message": "Please change parent elements {EXISTING_PARENT_ELEMENT_RULE} to {TARGET_PARENT_ELEMENT_RULE} to fix this issue."
+    "message": "Please change the parent element's property declaration from {EXISTING_PARENT_ELEMENT_RULE} to {TARGET_PARENT_ELEMENT_RULE} to fix this issue."
   },
   "panels/elements/CSSRuleValidator.ts | ruleViolatedByParentElementRuleReason": {
-    "message": "Parent element has {REASON_RULE_CODE} rule, therefore this elements {AFFECTED_RULE_CODE} has no effect"
+    "message": "The parent element has the {REASON_PROPERTY_DECLARATION_CODE} property and therefore, this element's property {AFFECTED_PROPERTY_DECLARATION_CODE} has no effect."
+  },
+  "panels/elements/CSSRuleValidator.ts | ruleViolatedBySameElementRuleChangeSuggestion": {
+    "message": "For this property to work, please change the {EXISTING_PROPERTY_DECLARATION} rule to {TARGET_PROPERTY_DECLARATION}."
   },
   "panels/elements/CSSRuleValidator.ts | ruleViolatedBySameElementRuleFix": {
-    "message": "For this property to work, please remove or change the value of {REASON_RULE_CODE}"
+    "message": "For this property to work, please remove or change the value of {REASON_PROPERTY_DECLARATION_CODE}."
   },
   "panels/elements/CSSRuleValidator.ts | ruleViolatedBySameElementRuleReason": {
-    "message": "This element has {REASON_RULE_CODE} rule, therefore {AFFECTED_RULE_CODE} has no effect."
+    "message": "This element has the {REASON_PROPERTY_DECLARATION_CODE} property and therefore, {AFFECTED_PROPERTY_DECLARATION_CODE} has no effect."
   },
   "panels/elements/DOMLinkifier.ts | node": {
     "message": "<node>"
@@ -5327,8 +5330,8 @@
   "panels/elements/StylesSidebarPane.ts | unknownPropertyName": {
     "message": "Unknown property name"
   },
-  "panels/elements/TopLayerContainer.ts | topLayer": {
-    "message": "top-layer"
+  "panels/elements/TopLayerContainer.ts | reveal": {
+    "message": "reveal"
   },
   "panels/emulation/DeviceModeToolbar.ts | addDevicePixelRatio": {
     "message": "Add device pixel ratio"
@@ -5714,6 +5717,9 @@
   "panels/issues/AttributionReportingIssueDetailsView.ts | invalidHeaderValue": {
     "message": "Invalid Header Value"
   },
+  "panels/issues/AttributionReportingIssueDetailsView.ts | maximumConcurrentRegistrations": {
+    "message": "Maximum Concurrent Registrations"
+  },
   "panels/issues/AttributionReportingIssueDetailsView.ts | nViolations": {
     "message": "{n, plural, =1 {# violation} other {# violations}}"
   },
@@ -6860,6 +6866,9 @@
   "panels/network/components/RequestHeadersView.ts | general": {
     "message": "General"
   },
+  "panels/network/components/RequestHeadersView.ts | headerOverrides": {
+    "message": "Header overrides"
+  },
   "panels/network/components/RequestHeadersView.ts | learnMore": {
     "message": "Learn more"
   },

package/front_end/core/i18n/locales/en-XL.json

@@ -4836,22 +4836,25 @@
     "message": "Ŝh́ôẃ âĺl̂"
   },
   "panels/elements/CSSRuleValidator.ts | deprecatedPropertyHintPrefix": {
-    "message": "D̂ép̂ŕêćât́êd́ P̂ŕôṕêŕt̂ý"
+    "message": "D̂ép̂ŕêćât́êd́ p̂ŕôṕêŕt̂ý"
   },
-  "panels/elements/CSSRuleValidator.ts | ruleValidationHintPrefix": {
-    "message": "Îńâćt̂ív̂é r̂úl̂é"
+  "panels/elements/CSSRuleValidator.ts | inactivePropertyHintPrefix": {
+    "message": "Îńâćt̂ív̂é p̂ŕôṕêŕt̂ý"
   },
   "panels/elements/CSSRuleValidator.ts | ruleViolatedByParentElementRuleFix": {
-    "message": "P̂ĺêáŝé ĉh́âńĝé p̂ár̂én̂t́ êĺêḿêńt̂ś {EXISTING_PARENT_ELEMENT_RULE} t̂ó {TARGET_PARENT_ELEMENT_RULE} t̂ó f̂íx̂ t́ĥíŝ íŝśûé."
+    "message": "P̂ĺêáŝé ĉh́âńĝé t̂h́ê ṕâŕêńt̂ él̂ém̂én̂t́'ŝ ṕr̂óp̂ér̂t́ŷ d́êćl̂ár̂át̂íôń f̂ŕôḿ {EXISTING_PARENT_ELEMENT_RULE} t̂ó {TARGET_PARENT_ELEMENT_RULE} t̂ó f̂íx̂ t́ĥíŝ íŝśûé."
   },
   "panels/elements/CSSRuleValidator.ts | ruleViolatedByParentElementRuleReason": {
-    "message": "P̂ár̂én̂t́ êĺêḿêńt̂ h́âś {REASON_RULE_CODE} r̂úl̂é, t̂h́êŕêf́ôŕê t́ĥíŝ él̂ém̂én̂t́ŝ {AFFECTED_RULE_CODE} h́âś n̂ó êf́f̂éĉt́"
+    "message": "T̂h́ê ṕâŕêńt̂ él̂ém̂én̂t́ ĥáŝ t́ĥé {REASON_PROPERTY_DECLARATION_CODE} p̂ŕôṕêŕt̂ý âńd̂ t́ĥér̂éf̂ór̂é, t̂h́îś êĺêḿêńt̂'ś p̂ŕôṕêŕt̂ý {AFFECTED_PROPERTY_DECLARATION_CODE} ĥáŝ ńô éf̂f́êćt̂."
+  },
+  "panels/elements/CSSRuleValidator.ts | ruleViolatedBySameElementRuleChangeSuggestion": {
+    "message": "F̂ór̂ t́ĥíŝ ṕr̂óp̂ér̂t́ŷ t́ô ẃôŕk̂, ṕl̂éâśê ćĥán̂ǵê t́ĥé {EXISTING_PROPERTY_DECLARATION} r̂úl̂é t̂ó {TARGET_PROPERTY_DECLARATION}."
   },
   "panels/elements/CSSRuleValidator.ts | ruleViolatedBySameElementRuleFix": {
-    "message": "F̂ór̂ t́ĥíŝ ṕr̂óp̂ér̂t́ŷ t́ô ẃôŕk̂, ṕl̂éâśê ŕêḿôv́ê ór̂ ćĥán̂ǵê t́ĥé v̂ál̂úê óf̂ {REASON_RULE_CODE}"
+    "message": "F̂ór̂ t́ĥíŝ ṕr̂óp̂ér̂t́ŷ t́ô ẃôŕk̂, ṕl̂éâśê ŕêḿôv́ê ór̂ ćĥán̂ǵê t́ĥé v̂ál̂úê óf̂ {REASON_PROPERTY_DECLARATION_CODE}."
   },
   "panels/elements/CSSRuleValidator.ts | ruleViolatedBySameElementRuleReason": {
-    "message": "T̂h́îś êĺêḿêńt̂ h́âś {REASON_RULE_CODE} r̂úl̂é, t̂h́êŕêf́ôŕê {AFFECTED_RULE_CODE} h́âś n̂ó êf́f̂éĉt́."
+    "message": "T̂h́îś êĺêḿêńt̂ h́âś t̂h́ê {REASON_PROPERTY_DECLARATION_CODE} ṕr̂óp̂ér̂t́ŷ án̂d́ t̂h́êŕêf́ôŕê, {AFFECTED_PROPERTY_DECLARATION_CODE} h́âś n̂ó êf́f̂éĉt́."
   },
   "panels/elements/DOMLinkifier.ts | node": {
     "message": "<n̂ód̂é>"
@@ -5327,8 +5330,8 @@
   "panels/elements/StylesSidebarPane.ts | unknownPropertyName": {
     "message": "Ûńk̂ńôẃn̂ ṕr̂óp̂ér̂t́ŷ ńâḿê"
   },
-  "panels/elements/TopLayerContainer.ts | topLayer": {
-    "message": "t̂óp̂-ĺâýêŕ"
+  "panels/elements/TopLayerContainer.ts | reveal": {
+    "message": "r̂év̂éâĺ"
   },
   "panels/emulation/DeviceModeToolbar.ts | addDevicePixelRatio": {
     "message": "Âd́d̂ d́êv́îćê ṕîx́êĺ r̂át̂íô"
@@ -5714,6 +5717,9 @@
   "panels/issues/AttributionReportingIssueDetailsView.ts | invalidHeaderValue": {
     "message": "Îńv̂ál̂íd̂ H́êád̂ér̂ V́âĺûé"
   },
+  "panels/issues/AttributionReportingIssueDetailsView.ts | maximumConcurrentRegistrations": {
+    "message": "M̂áx̂ím̂úm̂ Ćôńĉúr̂ŕêńt̂ Ŕêǵîśt̂ŕât́îón̂ś"
+  },
   "panels/issues/AttributionReportingIssueDetailsView.ts | nViolations": {
     "message": "{n, plural, =1 {# v̂íôĺât́îón̂} other {# v́îól̂át̂íôńŝ}}"
   },
@@ -6860,6 +6866,9 @@
   "panels/network/components/RequestHeadersView.ts | general": {
     "message": "Ĝén̂ér̂ál̂"
   },
+  "panels/network/components/RequestHeadersView.ts | headerOverrides": {
+    "message": "Ĥéâd́êŕ ôv́êŕr̂íd̂éŝ"
+  },
   "panels/network/components/RequestHeadersView.ts | learnMore": {
     "message": "L̂éâŕn̂ ḿôŕê"
   },

package/front_end/core/platform/string-utilities.ts

@@ -263,16 +263,13 @@ export const regexSpecialCharacters = function(): string {
 };
 
 export const filterRegex = function(query: string): RegExp {
-  let regexString = '';
+  let regexString = '^(?:.*\\0)?';  // Start from beginning or after a \0
   for (let i = 0; i < query.length; ++i) {
     let c = query.charAt(i);
     if (SPECIAL_REGEX_CHARACTERS.indexOf(c) !== -1) {
       c = '\\' + c;
     }
-    if (i) {
-      regexString += '[^\\0' + c + ']*';
-    }
-    regexString += c;
+    regexString += '[^\\0' + c + ']*' + c;
   }
   return new RegExp(regexString, 'i');
 };

package/front_end/core/root/Runtime.ts

@@ -294,6 +294,7 @@ export enum ExperimentName {
   CSS_AUTHORING_HINTS = 'cssAuthoringHints',
   AUTHORED_DEPLOYED_GROUPING = 'authoredDeployedGrouping',
   IMPORTANT_DOM_PROPERTIES = 'importantDOMProperties',
+  JUST_MY_CODE = 'justMyCode',
 }
 
 // TODO(crbug.com/1167717): Make this a const enum again

package/front_end/core/sdk/CSSStyleSheetHeader.ts

@@ -166,10 +166,6 @@ export class CSSStyleSheetHeader implements TextUtils.ContentProvider.ContentPro
     return Common.ResourceType.resourceTypes.Stylesheet;
   }
 
-  contentEncoded(): Promise<boolean> {
-    return Promise.resolve(false);
-  }
-
   async requestContent(): Promise<TextUtils.ContentProvider.DeferredContent> {
     try {
       const cssText = await this.#cssModelInternal.getStyleSheetText(this.id);

package/front_end/core/sdk/CompilerSourceMappingContentProvider.ts

@@ -68,10 +68,6 @@ export class CompilerSourceMappingContentProvider implements TextUtils.ContentPr
     return this.#contentTypeInternal;
   }
 
-  async contentEncoded(): Promise<boolean> {
-    return false;
-  }
-
   async requestContent(): Promise<TextUtils.ContentProvider.DeferredContent> {
     try {
       const {content} = await PageResourceLoader.instance().loadResource(this.#sourceURL, this.#initiator);

package/front_end/core/sdk/NetworkRequest.ts

@@ -1196,10 +1196,6 @@ export class NetworkRequest extends Common.ObjectWrapper.ObjectWrapper<EventType
     return this.#resourceTypeInternal;
   }
 
-  async contentEncoded(): Promise<boolean> {
-    return (await this.contentData()).encoded;
-  }
-
   async requestContent(): Promise<TextUtils.ContentProvider.DeferredContent> {
     const {content, error, encoded} = await this.contentData();
     return {

package/front_end/core/sdk/Resource.ts

@@ -162,11 +162,6 @@ export class Resource implements TextUtils.ContentProvider.ContentProvider {
     return this.resourceType();
   }
 
-  async contentEncoded(): Promise<boolean> {
-    await this.requestContent();
-    return this.#contentEncodedInternal;
-  }
-
   async requestContent(): Promise<TextUtils.ContentProvider.DeferredContent> {
     if (typeof this.#contentInternal !== 'undefined') {
       return {

package/front_end/core/sdk/Script.ts

@@ -69,7 +69,6 @@ export class Script implements TextUtils.ContentProvider.ContentProvider, FrameA
   debugSymbols: Protocol.Debugger.DebugSymbols|null;
   hasSourceURL: boolean;
   contentLength: number;
-  #originalContentProviderInternal: TextUtils.ContentProvider.ContentProvider|null;
   originStackTrace: Protocol.Runtime.StackTrace|null;
   readonly #codeOffsetInternal: number|null;
   readonly #language: string|null;
@@ -100,7 +99,6 @@ export class Script implements TextUtils.ContentProvider.ContentProvider, FrameA
     this.debugSymbols = debugSymbols;
     this.hasSourceURL = hasSourceURL;
     this.contentLength = length;
-    this.#originalContentProviderInternal = null;
     this.originStackTrace = originStackTrace;
     this.#codeOffsetInternal = codeOffset;
     this.#language = scriptLanguage;
@@ -171,13 +169,79 @@ export class Script implements TextUtils.ContentProvider.ContentProvider, FrameA
     return Common.ResourceType.resourceTypes.Script;
   }
 
-  async contentEncoded(): Promise<boolean> {
-    return false;
+  private async loadTextContent(): Promise<TextUtils.ContentProvider.DeferredContent> {
+    const result = await this.debuggerModel.target().debuggerAgent().invoke_getScriptSource({scriptId: this.scriptId});
+    if (result.getError()) {
+      throw new Error(result.getError());
+    }
+    const {scriptSource, bytecode} = result;
+    if (bytecode) {
+      return {content: bytecode, isEncoded: true};
+    }
+    let content: string = scriptSource || '';
+    if (this.hasSourceURL && this.sourceURL.startsWith('snippet://')) {
+      // TODO(crbug.com/1330846): Find a better way to establish the snippet automapping binding then adding
+      // a sourceURL comment before evaluation and removing it here.
+      content = Script.trimSourceURLComment(content);
+    }
+    return {content, isEncoded: false};
+  }
+
+  private async loadWasmContent(): Promise<TextUtils.ContentProvider.DeferredContent> {
+    if (!this.isWasm()) {
+      throw new Error('Not a wasm script');
+    }
+    const result =
+        await this.debuggerModel.target().debuggerAgent().invoke_disassembleWasmModule({scriptId: this.scriptId});
+
+    if (result.getError()) {
+      // Fall through to text content loading if v8-based disassembly fails. This is to ensure backwards compatibility with
+      // older v8 versions;
+      return this.loadTextContent();
+    }
+
+    const {streamId, functionBodyOffsets, chunk: {lines, bytecodeOffsets}} = result;
+    const lineChunks = [];
+    const bytecodeOffsetChunks = [];
+    if (streamId) {
+      while (true) {
+        const result = await this.debuggerModel.target().debuggerAgent().invoke_nextWasmDisassemblyChunk({streamId});
+
+        if (result.getError()) {
+          throw new Error(result.getError());
+        }
+
+        const {chunk: {lines: linesChunk, bytecodeOffsets: bytecodeOffsetsChunk}} = result;
+        if (linesChunk.length === 0) {
+          break;
+        }
+        lineChunks.push(linesChunk);
+        bytecodeOffsetChunks.push(bytecodeOffsetsChunk);
+      }
+    }
+    const functionBodyRanges: Array<{start: number, end: number}> = [];
+    // functionBodyOffsets contains a sequence of pairs of start and end offsets
+    for (let i = 0; i < functionBodyOffsets.length; i += 2) {
+      functionBodyRanges.push({start: functionBodyOffsets[i], end: functionBodyOffsets[i + 1]});
+    }
+    const wasmDisassemblyInfo = new Common.WasmDisassembly.WasmDisassembly(
+        lines.concat(...lineChunks), bytecodeOffsets.concat(...bytecodeOffsetChunks), functionBodyRanges);
+    return {content: '', isEncoded: false, wasmDisassemblyInfo};
   }
 
   requestContent(): Promise<TextUtils.ContentProvider.DeferredContent> {
     if (!this.#contentPromise) {
-      this.#contentPromise = this.originalContentProvider().requestContent();
+      this.#contentPromise = (async(): Promise<TextUtils.ContentProvider.DeferredContent> => {
+        if (!this.scriptId) {
+          return {content: null, error: i18nString(UIStrings.scriptRemovedOrDeleted), isEncoded: false};
+        }
+        try {
+          return this.isWasm() ? await this.loadWasmContent() : await this.loadTextContent();
+        } catch (err) {
+          // TODO(bmeurer): Propagate errors as exceptions / rejections.
+          return {content: null, error: i18nString(UIStrings.unableToFetchScriptSource), isEncoded: false};
+        }
+      })();
     }
     return this.#contentPromise;
   }
@@ -189,77 +253,8 @@ export class Script implements TextUtils.ContentProvider.ContentProvider, FrameA
   }
 
   originalContentProvider(): TextUtils.ContentProvider.ContentProvider {
-    if (!this.#originalContentProviderInternal) {
-      let lazyContentPromise: Promise<TextUtils.ContentProvider.DeferredContent>|null;
-      this.#originalContentProviderInternal =
-          new TextUtils.StaticContentProvider.StaticContentProvider(this.contentURL(), this.contentType(), () => {
-            if (!lazyContentPromise) {
-              lazyContentPromise = (async(): Promise<TextUtils.ContentProvider.DeferredContent> => {
-                if (!this.scriptId) {
-                  return {content: null, error: i18nString(UIStrings.scriptRemovedOrDeleted), isEncoded: false};
-                }
-                if (this.isWasm()) {
-                  const result = await this.debuggerModel.target().debuggerAgent().invoke_disassembleWasmModule(
-                      {scriptId: this.scriptId});
-
-                  if (result.getError()) {
-                    throw new Error(result.getError());
-                  }
-
-                  const {streamId, functionBodyOffsets, chunk: {lines, bytecodeOffsets}} = result;
-                  const lineChunks = [];
-                  const bytecodeOffsetChunks = [];
-                  if (streamId) {
-                    while (true) {
-                      const result =
-                          await this.debuggerModel.target().debuggerAgent().invoke_nextWasmDisassemblyChunk({streamId});
-
-                      if (result.getError()) {
-                        throw new Error(result.getError());
-                      }
-
-                      const {chunk: {lines: linesChunk, bytecodeOffsets: bytecodeOffsetsChunk}} = result;
-                      if (linesChunk.length === 0) {
-                        break;
-                      }
-                      lineChunks.push(linesChunk);
-                      bytecodeOffsetChunks.push(bytecodeOffsetsChunk);
-                    }
-                  }
-                  const functionBodyRanges: Array<{start: number, end: number}> = [];
-                  // functionBodyOffsets contains a sequence of pairs of start and end offsets
-                  for (let i = 0; i < functionBodyOffsets.length; i += 2) {
-                    functionBodyRanges.push({start: functionBodyOffsets[i], end: functionBodyOffsets[i + 1]});
-                  }
-                  const wasmDisassemblyInfo = new Common.WasmDisassembly.WasmDisassembly(
-                      lines.concat(...lineChunks), bytecodeOffsets.concat(...bytecodeOffsetChunks), functionBodyRanges);
-                  return {content: '', isEncoded: false, wasmDisassemblyInfo};
-                }
-                try {
-                  const result = await this.debuggerModel.target().debuggerAgent().invoke_getScriptSource(
-                      {scriptId: this.scriptId});
-                  if (result.getError()) {
-                    throw new Error(result.getError());
-                  }
-                  const {scriptSource} = result;
-                  let content: string = scriptSource || '';
-                  if (this.hasSourceURL && this.sourceURL.startsWith('snippet://')) {
-                    // TODO(crbug.com/1330846): Find a better way to establish the snippet automapping binding then adding
-                    // a sourceURL comment before evaluation and removing it here.
-                    content = Script.trimSourceURLComment(content);
-                  }
-                  return {content, isEncoded: false};
-
-                } catch (err) {
-                  // TODO(bmeurer): Propagate errors as exceptions / rejections.
-                  return {content: null, error: i18nString(UIStrings.unableToFetchScriptSource), isEncoded: false};
-                }
-              })();
-            }
-            return lazyContentPromise;
-          });
-    }
-    return this.#originalContentProviderInternal;
+    return new TextUtils.StaticContentProvider.StaticContentProvider(
+        this.contentURL(), this.contentType(), () => this.requestContent());
   }
 
   async searchInContent(query: string, caseSensitive: boolean, isRegex: boolean):

package/front_end/core/sdk/Target.ts

@@ -73,6 +73,9 @@ export class Target extends ProtocolClient.InspectorBackend.TargetBase {
       case Type.Browser:
         this.#capabilitiesMask = Capability.Target | Capability.IO;
         break;
+      case Type.Tab:
+        this.#capabilitiesMask = Capability.Target;
+        break;
     }
     this.#typeInternal = type;
     this.#parentTargetInternal = parentTarget;
@@ -227,6 +230,7 @@ export enum Type {
   Node = 'node',
   Browser = 'browser',
   AuctionWorklet = 'auction-worklet',
+  Tab = 'tab',
 }
 
 // TODO(crbug.com/1167717): Make this a const enum again

package/front_end/entrypoints/inspector_main/InspectorMain.ts

@@ -52,7 +52,10 @@ export class InspectorMainImpl implements Common.Runnable.Runnable {
   async run(): Promise<void> {
     let firstCall = true;
     await SDK.Connections.initMainConnection(async () => {
-      const type = Root.Runtime.Runtime.queryParam('v8only') ? SDK.Target.Type.Node : SDK.Target.Type.Frame;
+      const type = Root.Runtime.Runtime.queryParam('v8only') ?
+          SDK.Target.Type.Node :
+          (Root.Runtime.Runtime.queryParam('targetType') === 'tab' ? SDK.Target.Type.Tab : SDK.Target.Type.Frame);
+      // TODO(crbug.com/1348385): support waiting for debugger with tab target.
       const waitForDebuggerInPage =
           type === SDK.Target.Type.Frame && Root.Runtime.Runtime.queryParam('panel') === 'sources';
       const target = SDK.TargetManager.TargetManager.instance().createTarget(

package/front_end/entrypoints/main/MainImpl.ts

@@ -406,6 +406,10 @@ export class MainImpl {
     Root.Runtime.experiments.register(
         Root.Runtime.ExperimentName.AUTHORED_DEPLOYED_GROUPING, 'Group sources into Authored and Deployed trees');
 
+    // Hide third party code (as determined by ignore lists or source maps)
+    Root.Runtime.experiments.register(
+        Root.Runtime.ExperimentName.JUST_MY_CODE, 'Hide ignore-listed code in sources tree view');
+
     // Highlight important DOM properties in the Object Properties viewer.
     Root.Runtime.experiments.register(
         Root.Runtime.ExperimentName.IMPORTANT_DOM_PROPERTIES,